<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org" xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity3">
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>自助装修领导者</title>
    <link rel="stylesheet" type="text/css" href="../css/reset.css" th:href="@{${uiPath} + ${appName} + '/css/reset.css'}"/>
    <link rel="stylesheet" type="text/css" href="../css/index.css" th:href="@{${uiPath} + ${appName} + '/css/index.css'}"/>
    <link rel="stylesheet" type="text/css" href="../css/swiper.min.css" th:href="@{${uiPath} + ${appName} + '/css/swiper.min.css'}">
    <!-- <link rel="stylesheet" type="text/css" href="css/animate.min.css" /> -->
</head>
<body>
<div class="zong"> 
     <div class="toubu">
      
       <div class="pdp">
        <img class="dingwei" src="../images/raw_1503289426.png" alt="" th:src="@{${uiPath} + ${appName} + '/images/raw_1503289426.png'}">
         <input class="bitoati" type="text" placeholder=" 请输入商品名称，如地板、吊顶、墙纸">
         <img class="sousuo" src="../images/sousuo.png" alt="" th:src="@{${uiPath} + ${appName} + '/images/sousuo.png'}">
           <input type="hidden" id="regId" th:value="${user.regionId}">
           <input type="hidden" id="stateId" th:value="3">
           <p class="citylistdian"  th:text="${user.regionName}" ></p>
      </div>        
     </div> 
     <div class="kuai"> </div>
    <div id="asd" class="swiper-container swiper-container-h">
        <div class="swiper-wrapper">
            <div class="swiper-slide " data-swiper-autoplay="10000">
                <div class="indextou">
                    <img src="../images/raw_1504147481.jpeg" alt="" th:src="@{${uiPath} + ${appName} + '/images/raw_1504147481.jpeg'}">
                </div>
            </div>
            <div class="swiper-slide">
                <div class="indextou">
                    <img src="../images/raw_1504147481.jpeg" alt="" th:src="@{${uiPath} + ${appName} + '/images/raw_1504147481.jpeg'}">
                </div>
            </div>
            <div class="swiper-slide">
                <div class="indextou">
                    <img src="../images/raw_1504147481.jpeg" alt="" th:src="@{${uiPath} + ${appName} + '/images/raw_1504147481.jpeg'}">
                </div>
            </div>
        </div>
    </div>
    <div id="asd" class="swiper-container swiper-container-h2">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <div class="xuanzequ">
                    <a href="../SJS/SJS_LookSheJiShi.html">
                        <div class="daohanglan">
                            <img class="daobhangtu" src="../images/hzf_ic_category_0.png" alt="" th:src="@{${uiPath} + ${appName} + '/images/hzf_ic_category_0.png'}">
                            <p class="daohantitle">房屋设计</p>
                        </div>
                    </a>
                    <a href="GZ_LookGongZ.html">
                        <div class="daohanglan">
                            <img class="daobhangtu" src="../images/hzf_ic_category_1.png" alt="" th:src="@{${uiPath} + ${appName} + '/images/hzf_ic_category_1.png'}">
                            <p class="daohantitle">找工长</p>
                        </div>
                    </a>
                    <div class="daohanglan pindanyixa">
                        <img class="daobhangtu" src="../images/hzf_ic_category_2.png" alt="" th:src="@{${uiPath} + ${appName} + '/images/hzf_ic_category_2.png'}">
                        <p class="daohantitle">拼单</p>
                    </div>
                    <div class="daohanglan">
                        <img class="daobhangtu" src="../images/hzf_ic_category_3.png" alt="" th:src="@{${uiPath} + ${appName} + '/images/hzf_ic_category_3.png'}">
                        <p class="daohantitle">法律咨询</p>
                    </div>
                    <div class="daohanglan bendicailisosc">
                        <img class="daobhangtu" src="../images/hzf_ic_category_4.png" alt="" th:src="@{${uiPath} + ${appName} + '/images/hzf_ic_category_4.png'}">
                        <p class="daohantitle">材料市场</p>
                    </div>

                    <a href="CLS_PD_ShopPinXQ.html">
                        <div class="daohanglan bendipinpailis">
                            <img class="daobhangtu" src="../images/hzf_ic_category_5.png" alt="" th:src="@{${uiPath} + ${appName} + '/images/hzf_ic_category_5.png'}">
                            <p class="daohantitle">品牌商城</p>
                        </div>
                    </a>
                    <a href="CLS_CCJZX.html">
                        <div class="daohanglan changjiazhixiaoindex">
                            <img class="daobhangtu" src="../images/hzf_ic_category_6.png" alt="" th:src="@{${uiPath} + ${appName} + '/images/hzf_ic_category_6.png'}">
                            <p class="daohantitle">厂家直销</p>
                        </div>
                    </a>

                    <div class="daohanglan">
                        <img class="daobhangtu" src="../images/dai.png" alt="" th:src="@{${uiPath} + ${appName} + '/images/dai.png'}">
                        <p class="daohantitle">装修贷</p>
                    </div>

                </div>
            </div>
            <div class="swiper-slide">
                <div class="xuanzequ">
                    <div class="daohanglan jiajujiafang">
                        <img class="daobhangtu" src="../images/hzf_ic_category_8.png" alt="" th:src="@{${uiPath} + ${appName} + '/images/hzf_ic_category_8.png'}">
                        <p class="daohantitle">家具家纺</p>
                    </div>
                    <div class="daohanglan jiajujiafang">
                        <img class="daobhangtu" src="../images/hzf_ic_category_12.png" alt="" th:src="@{${uiPath} + ${appName} + '/images/hzf_ic_category_12.png'}">
                        <p class="daohantitle">五金机电建材</p>
                    </div>
                    <div class="daohanglan jiajujiafang">
                        <img class="daobhangtu" src="../images/banjia.png" alt="" th:src="@{${uiPath} + ${appName} + '/images/banjia.png'}">
                        <p class="daohantitle">搬家</p>
                    </div>
                    <div class="daohanglan jiajujiafang">
                        <img class="daobhangtu" src="../images/hzf_ic_category_9.png" alt="" th:src="@{${uiPath} + ${appName} + '/images/hzf_ic_category_9.png'}">
                        <p class="daohantitle">论坛</p>
                    </div>
                    <div class="daohanglan jiajujiafang">
                        <img class="daobhangtu" src="../images/hzf_ic_category_10.png" alt="" th:src="@{${uiPath} + ${appName} + '/images/hzf_ic_category_10.png'}">
                        <p class="daohantitle">业主之家</p>
                    </div>
                    <div class="daohanglan jiajujiafang">
                        <img class="daobhangtu" src="../images/hzf_ic_category_11.png" alt="" th:src="@{${uiPath} + ${appName} + '/images/hzf_ic_category_11.png'}">
                        <p class="daohantitle">工友会</p>
                    </div>
                </div>
            </div>
        </div>
        <!-- 如果需要分页器 -->
        <div class="swiper-pagination"></div>
    </div>
    
     <div class="shishishuju">
      <!--    <p class="shishititle">实时数据</p> -->
      <div class="baotupian">
         <img class="yezhutouxiang" src="../images/gongxi.png" alt="">
      </div>
        <div id="asd" class="swiper-container swiper-container-h3">
     <div class="swiper-wrapper">
      <div class="swiper-slide">
             <div class="yezhu">
             <dl>
                 <dd class="yezhueq">
                     <p class="yeuzd"><span>李**</span> <span class="dianhua">183****1861</span></p>
                     <p class="maiwup">成交:</p>
                     <p class="shijianmai2"><span class="goumaishir">购买实木木地板100平米</span></p>
                     <p class="shijianmai">今天</p>
                 </dd>
             </dl>
         </div>
       </div>
     <div class="swiper-slide">
            <div class="yezhu">
             <dl>
                <!--  <dt class="yezhuqu">
                     <img class="yezhutouxiang" src="../images/gongxi.png" alt="">
                 </dt> -->
                 <dd class="yezhueq">
                     <p class="yeuzd"><span>王**</span> <span class="dianhua">183****1861</span></p>
                     <p class="maiwup">成交:</p>
                     <p class="shijianmai2"><span class="goumaishir">购买实木木地板100平米</span></p>
                     <p class="shijianmai">今天</p>
                 </dd>
             </dl>
         </div>
     </div>
    </div>
      <!-- 如果需要分页器 -->
     <div class="swiper-pagination"></div>
    </div>
     </div>
     <div class="shishishuju bixuke">
         <p class="shishititle">装修必看(如何省30%)</p>
         <p class="dianjijinru">点击进入</p>
         <p class="rihgjk"></p>
     </div>

    <div th:include="/hzf-wxplatform-web/GZ/gzfooter.html::frofile('1')"></div>


   <script type="text/javascript" src="../js/flexible.js" th:src="@{${uiPath} + ${appName} + '/js/flexible.js'}"></script>
    <script type="text/javascript" src="../js/jquery.min.js" th:src="@{${uiPath} + ${appName} + '/js/jquery.min.js'}"></script>
    <script type="text/javascript" src="../js/swiper.min.js" th:src="@{${uiPath} + ${appName} + '/js/swiper.min.js'}"></script>
    <script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js" th:src="'http://res.wx.qq.com/open/js/jweixin-1.2.0.js'"></script>
    <script type="text/javascript" src="../js/share.js" th:src="@{${uiPath} + ${appName} + '/js/share.js'}"></script>
     <!-- <script type="text/javascript" src="js/swiper.animate1.0.2.min.js"></script> -->
    <script type="text/javascript" src="../js/index.js" th:src="@{${uiPath} + ${appName} + '/js/index.js'}"></script>
</body>
</html>